import React from "react";

export const MonitorIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width={20}
        height={20}
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M12.4495 5.3788C12.351 5.149 12.125 5 11.875 5C11.625 5 11.399 5.149 11.3005 5.3788L8.125 12.7884L6.82447 9.7538C6.72598 9.524 6.50002 9.375 6.25 9.375H4.375C4.02982 9.375 3.75 9.65482 3.75 10C3.75 10.3452 4.02982 10.625 4.375 10.625H5.83788L7.55054 14.6212C7.64902 14.851 7.87498 15 8.125 15C8.37502 15 8.60098 14.851 8.69947 14.6212L11.875 7.21162L13.1755 10.2462C13.274 10.476 13.5 10.625 13.75 10.625H15.625C15.9702 10.625 16.25 10.3452 16.25 10C16.25 9.65482 15.9702 9.375 15.625 9.375H14.1621L12.4495 5.3788Z"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M0 6C0 2.68629 2.68629 0 6 0H14C17.3137 0 20 2.68629 20 6V14C20 17.3137 17.3137 20 14 20H6C2.68629 20 0 17.3137 0 14V6ZM6 1.25H14C16.6234 1.25 18.75 3.37665 18.75 6V14C18.75 16.6234 16.6234 18.75 14 18.75H6C3.37665 18.75 1.25 16.6234 1.25 14V6C1.25 3.37665 3.37665 1.25 6 1.25Z"
            fill="currentColor"
        />
    </svg>
);
